.SidebarRedesigned {
  position: relative;

  width: 220px;
  height: 100%;

  background: var(--light-bg-redesigned);
  border-radius: 32px;

  .switchers {
    position: absolute;
    bottom: 40px;

    display: flex;
    gap: 16px;
    justify-content: center;

    width: 100%;
  }

  .appLogo {
    padding-top: 20px;
  }

  .items {
    margin-top: 40px;
  }

  .collapsedBtn {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 50%;
    transform: rotate(90deg);
  }
}

.collapsedRedesigned {
  width: 50px;

  .switchers {
    flex-direction: column;
    align-items: center;
  }

  .items {
    display: flex;
    align-items: center;
  }

  .lang {
    margin-left: 0;
  }

  .collapsedBtn {
    transform: rotate(-90deg);
  }
}

// @deprecated
.Sidebar {
  position: relative;

  width: var(--sidebar-width);
  height: calc(100vh - var(--navbar-height));

  background: var(--inverted-bg-color);

  transition: width 0.3s;

  .switchers {
    position: absolute;
    bottom: 20px;

    display: flex;
    justify-content: center;

    width: 100%;
  }

  .lang {
    margin-left: 20px;
  }

  .collapsedBtn {
    position: absolute;
    z-index: 10;
    right: -32px;
    bottom: 32px;
  }

  .items {
    margin-top: 20px;
    margin-left: 30px;
  }
}

.collapsed {
  width: var(--sidebar-width-collapsed);

  .switchers {
    flex-direction: column;
    align-items: center;
  }

  .lang {
    margin-left: 0;
  }
}
